<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>网络问政</title>
    <link rel="stylesheet" href="../../css/iconfont.css" />
    <link rel="stylesheet" href="../../css/media.css" />
    <link rel="stylesheet" href="../../css/common.css" />
    <style>
        body{
            background: #F9F9F9;
        }
        .head{
            padding: 0 .4rem;
        }
        .head input{
            width: 5.7rem;
            height: .8rem;
            border-radius: 1.38rem;
            border: 1px solid #D9D9D9;
        }
        .head span{
            font-size: .32rem;
            color: #333;
        }
        .alltype div{
            width: 50%;
            float: left;
            height: .88rem;
            line-height: .88rem;
            background: #fff;
            margin: .2rem 0;
            font-size: .28rem;
            color: #333;
            text-align: center;
        }
        .alltype div.active{
            color: #2593FF;
            border-bottom: 2px solid #2593FF;
        }
        .content{
            background: #fff;
            text-align: left;
            font-size: .28rem;
            color: #666;
            padding: .28rem .2rem;
            margin-bottom: .2rem;
        }
        .content .headtitle{
            color: #333;
            font-size: .36rem;
            margin-bottom: .26rem;
        }
        .content .con{
            border-bottom: 1px solid #D9D9D9;
            padding-bottom: .05rem;
        }
        .content .foot{
            margin-top: .3rem;
            display: flex;
        }
        .content .foot img{
            width: .7rem;
            height: .7rem;
            border-radius:  50%;
        }
        .content .foot .name{
            flex: 1;
            line-height: .7rem;
            padding-left: .26rem;
        }
        .content .foot .date{
            width: 1.9rem;
            color: #999;
            font-size: .3rem;
            line-height: .7rem;
        }
        button{
            position: fixed;
            bottom: 1rem;
            left: .32rem;
            width: 6.86rem;
            height: .88rem;
            background: #2593FF;
            color: #fff;
            text-align: center;
            outline: none;
        }
    </style>
</head>
<body>
    <div class="head">
        <input type="search">
        <span>取消</span>
    </div>
    <div class="alltype">
        <div class="active">所有问政</div>
        <div>我的问政</div>
    </div>
    <div style="clear: both"></div>
    <div class="content">
        <div class="headtitle">二级标题</div>
        <div class="con">请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划</div>
        <div class="foot">
            <img src="../../img/guide.png">
            <span class="name">程森</span>
            <span class="date">2018-02-12</span>
        </div>
    </div>
    <div class="content">
        <div class="headtitle">二级标题</div>
        <div class="con">请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划</div>
        <div class="foot">
            <img src="../../img/guide.png">
            <span class="name">程森</span>
            <span class="date">2018-02-12</span>
        </div>
    </div>
    <div class="content">
        <div class="headtitle">二级标题</div>
        <div class="con">请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划</div>
        <div class="foot">
            <img src="../../img/guide.png">
            <span class="name">程森</span>
            <span class="date">2018-02-12</span>
        </div>
    </div>
    <div class="content">
        <div class="headtitle">二级标题</div>
        <div class="con">请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划</div>
        <div class="foot">
            <img src="../../img/guide.png">
            <span class="name">程森</span>
            <span class="date">2018-02-12</span>
        </div>
    </div>
    <div class="content">
        <div class="headtitle">二级标题</div>
        <div class="con">请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划</div>
        <div class="foot">
            <img src="../../img/guide.png">
            <span class="name">程森</span>
            <span class="date">2018-02-12</span>
        </div>
    </div>
    <div class="content">
        <div class="headtitle">二级标题</div>
        <div class="con">请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划请您在此描述详细工作计划</div>
        <div class="foot">
            <img src="../../img/guide.png">
            <span class="name">程森</span>
            <span class="date">2018-02-12</span>
        </div>
    </div>
    <button type="button" onclick="toDetail()">新建问政</button>
    <script type="text/javascript">
        function toDetail(){
            var url_ = 'publish.html';
            location.href = url_;
        }
    </script>
</body>
</html>